
<html>
<head>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<link rel="stylesheet" type="text/css" href="https://gj37765.googlecode.com/svn/Color Picker/colorpicker.css" media="all" />
<script type='text/javascript'src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js?ver=1.7.1'></script> 
<script type="text/javascript" src="https://gj37765.googlecode.com/svn/Color Picker/jquery.validationEngine.js"></script>
<script type="text/javascript" src="https://gj37765.googlecode.com/svn/Color Picker/colorpicker.js"></script>
<script type="text/javascript" src="https://gj37765.googlecode.com/svn/Color Picker/widget.js"></script>
<title>Recent Posts Widget with Thumbnails Generator by Bloggerediter</title>
<style type="text/css">
.text-input, .select-box{
	margin:0 2px;
	padding:4px 6px;
	border: 1px solid #F9780E;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-family: gergia;
	font-style: italic;

	-webkit-box-shadow: 1px 1px 1px #FC7507;
	-moz-box-shadow: 1px 1px 1px #FC7507;
	box-shadow: 1px 1px 1px #FC7507;
	font-size: 14px;
	color: #666;
	max-width:auto;
}

			body { font-family: Verdana, Arial;margin: 0;padding: 0;text-align: left;font-size:18px;
}

label       { font-family: Verdana, Arial;margin: 0;padding: 0;text-align: left;font-size:15px; font-weight:bold; }

fieldset    { padding:0 1.4em 1.4em 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
			#outer-wrapper {font-family: Verdana, Arial;}
			#content-wrapper { width: 98%; max-widtd:980px;  margin: 0 auto;  padding: 5px;  text-align: left; 
background:#FFFFFF;
-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;
}
			#content-wrapper h2 {text-align:center;font-size:20px;margin: 5px 0 1em ;padding: 3px 10px;background-color: #FFFFFF;font-size:16px;color:#000;border:1px solid #111;
}
</style>
<script type='text/javascript'>
function makingdifferentcodegen(){var bu=document.getElementsByName("mdbu")[0].value;if(bu[bu.length-1]=="/")bu=bu.substring(0,bu.length-1);var pl=document.getElementsByName("mdpl")[0].checked;var ln=document.getElementsByName("mdln")[0].value;var bgc=document.getElementsByName("mdbgc")[0].value;var ptlc=document.getElementsByName("mdptlc")[0].value;var pthc=document.getElementsByName("mdpthc")[0].value;var pts=document.getElementsByName("mdpts")[0].value;var norp=document.getElementsByName("mdnorp")[0].value;
var showimg=document.getElementsByName("mdshowimg")[0].value;var roundimg=document.getElementsByName("mdroundimg")[0].value;var tbc=document.getElementsByName("mdtbc")[0].value;var sdop=document.getElementsByName("mdsdop")[0].value;var sps=document.getElementsByName("mdsps")[0].value;var nopec=document.getElementsByName("mdnopec")[0].value;var smb=document.getElementsByName("mdsmb")[0].value;var snoc=document.getElementsByName("mdsnoc")[0].value;var clbc=document.getElementsByName("mdclbc")[0].value;
var clbhc=document.getElementsByName("mdclbhc")[0].value;var dclfc=document.getElementsByName("mdclfc")[0].value;var w=document.getElementsByName("mdw")[0].value;var st=document.getElementsByName("mdst")[0].value;var mdwidget=document.getElementsByName("widget.content")[0];mdwidget.value='<style type="text/css">\n';mdwidget.value+="/*<![CDATA[*/\n";mdwidget.value+="img.label_thumb{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease;float:left;padding:0;border:3px solid #"+
tbc+";-webkit-border-radius:"+roundimg+"px;-moz-border-radius:"+roundimg+"px;border-radius:"+roundimg+"px;background:#fff;margin-right:10px;height:70px;width:70px}\n";mdwidget.value+="img.label_thumb:hover{-moz-transform:scale(1.2) rotate(-350deg);-webkit-transform:scale(1.2) rotate(-350deg);-o-transform:scale(1.2) rotate(-350deg);-ms-transform:scale(1.2) rotate(-350deg);transform:scale(1.2) rotate(-350deg);-webkit-box-shadow:0 0 20px rgba(0,0,0,0.3),inset 0 0 20px rgba(0,0,0,0.1);-moz-box-shadow:0 0 20px rgba(0,0,0,0.3),inset 0 0 20px rgba(0,0,0,0.1);box-shadow:0 0 20px rgba(0,0,0,0.3),inset 0 0 20px rgba(0,0,0,0.1);background:#f7f6f6}\n";
mdwidget.value+=".label_with_thumbs{float:left;width:"+w+""+st+";min-height:70px;margin:0 10px 2px 0;adding:0}ul.label_with_thumbs li{background:#"+bgc+";list-style-type:none;padding:8px 0;min-height:65px;margin-bottom:5px}\n";mdwidget.value+=".label_with_thumbs a{color:#"+ptlc+";font-size:"+pts+"pt;outline:0;text-decoration:none}\n";mdwidget.value+=".label_with_thumbs a:hover,.label_with_thumbs a:focus{color:#"+pthc+"}.credits,.credits a{font-size:12px!important;text-align:left;text-shadow:0 1px 0 #fff;color:#888}\n";
mdwidget.value+="#mdjumplink{font-weight:800;background:#f7f8f9;background:-webkit-linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);background:-moz-linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);background:-o-linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);background:-ms-linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);background:linear-gradient(top,#f7f8f9 0,#e9e9e9 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f8f9',endColorstr='#e9e9e9',GradientType=0);border:1px solid #ddd;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:6px 12px;margin:0;-webkit-box-shadow:0 1px 0 #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4);-moz-box-shadow:0 1px 0 #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4);box-shadow:0 1px 0 #f9f9f9 inset,1px 1px 1px rgba(223,223,223,0.4);color:#888!important;text-shadow:0 1px 0 #fff;line-height:1.2;cursor:pointer;font-size:13px;font-weight:bold;text-decoration:none!important}\n";
mdwidget.value+="#mdjumplink:hover{background:#f1f1f1;background:-webkit-linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);background:-moz-linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);background:-o-linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);background:-ms-linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);background:linear-gradient(top,#f1f1f1 0,#e0e0e0 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1',endColorstr='#e0e0e0',GradientType=0);text-decoration:none!important}\n";mdwidget.value+=
"#mdjumplink a{color:#888!important;text-decoration:none;display:block;margin:2px}\n";mdwidget.value+="#mdjumplink a:hover{color:#888!important;text-decoration:none}\n";mdwidget.value+="#mdcomments{padding:6px 12px;background:#"+clbc+";color:#"+dclfc+"!important;font-size:13px;font-weight:800}\n";mdwidget.value+="#mdcomments:hover{background:#"+clbhc+";text-decoration:none}\n";mdwidget.value+="/*]]\x3e*/\n";mdwidget.value+="</style>\n";mdwidget.value+="<script type='text/javascript'>\n";mdwidget.value+=
"//<![CDATA[\n";mdwidget.value+="var numposts = "+norp+";\n";mdwidget.value+="var showpostthumbnails = "+showimg+";\n";mdwidget.value+="var displaymore = "+smb+";\n";mdwidget.value+="var displayseparator = true;\n";mdwidget.value+="var showcommentnum = "+snoc+";\n";mdwidget.value+="var showpostdate = "+sdop+";\n";mdwidget.value+="var showpostsummary = "+sps+";\n";mdwidget.value+="var numchars = "+nopec+";\n";mdwidget.value+="//]]\x3e\n";mdwidget.value+="\x3c/script>\n";mdwidget.value+='<script type="text/javascript" src="https://sites.google.com/site/gj37765blogspotcom/Recent%20Post%20Widget%5Bwww.gj37765.blogspot.com%5D.js">\x3c/script>\n';
if(pl)mdwidget.value+='<script type="text/javascript" src="'+bu+"/feeds/posts/default/-/"+ln+'?orderby=updated&alt=json-in-script&callback=labelthumbs">\x3c/script>\n';else mdwidget.value+="<script src='"+bu+"/feeds/posts/default?orderby=published&alt=json-in-script&callback=labelthumbs'>\x3c/script>\n";document.getElementsByName("preview")[0].disabled=false;document.getElementsByName("go")[0].disabled=false}
$(document).ready(function(){if($("#mdpl").is(":checked"))$(".mdplgg").show();else $(".mdplgg").hide();$("#mdpl").click(function(){if($("#mdpl").is(":checked"))$(".mdplgg").show();else $(".mdplgg").hide()})});function mdpredemo(){var demodata=document.getElementsByName("widget.content")[0].value;newwindow=window.open("","name","");var tmp=newwindow.document;tmp.write(""+demodata+"");tmp.close()};
</script>
</head>
<body>
<div id='content-wrapper'>
<h2>Recent Posts Widget with Thumbnails Generator by Bloggerediter</h2>
<fieldset><legend>Settings</legend>
<br>
<form action="http://www.blogger.com/add-widget" method="post" target="_blank">
<table width="100%">
<tr>
<td width='60%'><input id='mdpl' name="mdpl" checked="checked" type="checkbox"><label for='mdpl'>Show Recent Posts From Particular Category/Label</label>:</td>
<td width='40%'>&nbsp;&nbsp;<input class='text-input mdplgg' type='text' id='mdln' name='mdln' value='BloggerEditer' size='25'></td>
</tr>
<tr></tr>
<tr></tr>
<tr>
<td width='60%'><label for='mdbu'>Blog URL</label>:</td>
<td width='40%'>&nbsp;&nbsp;<input class='text-input' type='url' id='mdbu' name='mdbu' value='www.bloggerediter.info/' size='25'></td>
</tr>
<tr></tr>
<tr></tr>
<tr>
<td width='60%'><label for='mdw'>Width of the Widget</label>:</td>
<td width='40%'>&nbsp;&nbsp;<input class='text-input' type='text' id='mdw' name='mdw' value='100' size='6'>
<select class='select-box' id='mdst'  name='mdst'>
<option value='%'>percent</option>
<option value='px'>Pixels</option> 
</select>
</td>
</tr>
<tr></tr>
<tr></tr>
<tr>
<td width='60%'><label for='mdbgc'>Background Color</label></td>
<td width='40%'>#<input class='inputcolor text-input' type='text' id='mdbgc' name='mdbgc' value='f5f5f5' size='6'><span
class="colorbox"></span></td>
</tr>
<tr></tr>
<tr></tr>
<tr>
<td width='60%'><label for='mdpts'>Posts Title Font Size</label></td>
<td width='40%'>&nbsp;&nbsp;<input class='text-input' type='text' id='mdpts' name='mdpts' value='12' size='6'>pt</td>
</tr>
<tr></tr>
<tr></tr>
<tr>
<td width='60%'><label for='mdptlc'>Posts Title Links Color</label></td>
<td width='40%'>#<input class='inputcolor text-input' type='text' id='mdptlc' name='mdptlc' value='3395BF' size='6'><span
class="colorbox"></span></td>
</tr>
<tr></tr>
<tr></tr>
<tr>
<td width='60%'><label for='mdpthc'>Posts Title Links Hover Color</label></td>
<td width='40%'>#<input class='inputcolor text-input' type='text' id='mdpthc' name='mdpthc' value='F4A557' size='6'><span
class="colorbox"></span></td>
</tr>
<tr></tr>
<tr></tr>
<tr>
<td width='60%'><label for='mdnorp'>Number of Recent Posts</label></td>
<td width='40%'>&nbsp;&nbsp;<input class='text-input' type='text' id='mdnorp' name='mdnorp' value='5' size='6'></td>
</tr>
<tr></tr>
<tr></tr>
<tr>
<td width='60%'><label for='mdshowimg'>Show Post Thumbnails?</label></td>
<td width='40%'>&nbsp;&nbsp;<select class='select-box' id='mdshowimg'  name='mdshowimg'>
<option value='true'>Yes</option>
<option value='false'>No</option> 
</select>
</td>
</tr>
<tr></tr>
<tr></tr>
<tr>
<td width='60%'><label for='mdroundimg'>Rounded Thumbnails Image?</label></td>
<td width='40%'>&nbsp;&nbsp;<select class='select-box' id='mdroundimg'  name='mdroundimg'>
<option value='100'>Yes</option>
<option value='0'>No</option> 
</select>
</td>
</tr>
<tr></tr>
<tr></tr>
<tr>
<td width='60%'><label for='mdtbc'>Thumbnails Border Color</label></td>
<td width='40%'>#<input class='inputcolor text-input' type='text' id='mdtbc' name='mdtbc' value='cccccc' size='6'><span
class="colorbox"></span></td>
</tr>
<tr></tr>
<tr></tr>
<tr>
<td width='60%'><label for='mdsdop'>Show Date Of Post?</label></td>
<td width='40%'>&nbsp;&nbsp;<select class='select-box' id='mdsdop'  name='mdsdop'>
<option value='false'>No</option> 
<option value='true'>Yes</option>
</select>
</td>
</tr>
<tr></tr>
<tr></tr>
<tr>
<td width='60%'><label for='mdsps'>Show Post Summary?</label></td>
<td width='40%'>&nbsp;&nbsp;<select class='select-box' id='mdsps'  name='mdsps'>
<option value='false'>No</option>
<option value='true'>Yes</option> 
</select>
</td>
</tr>
<tr></tr>
<tr></tr>
<tr>
<td width='60%'><label for='mdnopec'>Number of Post Excerpt Characters</label></td>
<td width='40%'>&nbsp;&nbsp;<input class='text-input' type='text' id='mdnopec' name='mdnopec' value='80' size='6'></td>
</tr>
<tr></tr>
<tr></tr>
<tr>
<td width='60%'><label for='mdsmb'>Show More Button??</label></td>
<td width='40%'>&nbsp;&nbsp;<select class='select-box' id='mdsmb'  name='mdsmb'>
<option value='true'>Yes</option>
<option value='false'>No</option> 
</select>
</td>
</tr>
<tr></tr>
<tr></tr>
<tr>
<td width='60%'><label for='mdsnoc'>Show Number Of Comments?</label></td>
<td width='40%'>&nbsp;&nbsp;<select class='select-box' id='mdsnoc'  name='mdsnoc'>
<option value='true'>Yes</option>
<option value='false'>No</option> 
</select>
</td>
</tr>
<tr></tr>
<tr></tr>
<tr>
<td width='60%'><label for='mdclbc'>Comments Link Background Color</label></td>
<td width='40%'>#<input class='inputcolor text-input' type='text' id='mdclbc' name='mdclbc' value='3395BF' size='6'><span
class="colorbox"></span></td>
</tr>
<tr></tr>
<tr></tr>
<tr>
<td width='60%'><label for='mdclbhc'>Comments Link Background Hover Color</label></td>
<td width='40%'>#<input class='inputcolor text-input' type='text' id='mdclbhc' name='mdclbhc' value='F4A557' size='6'><span
class="colorbox"></span></td>
</tr>
<tr></tr>
<tr></tr>
<tr>
<td width='60%'><label for='mdclfc'>Comments Link Font Color</label></td>
<td width='40%'>#<input class='inputcolor text-input' type='text' id='mdclfc' name='mdclfc' value='FFFFFF' size='6'><span
class="colorbox"></span></td>
</tr>
</table>
</fieldset>
<center><input style="width:180px; font-weight:bold;font-size:20px; " value="Generate" onclick="javascript:makingdifferentcodegen();" type="button"><input style="width:180px; font-weight:bold;font-size:20px;" type="button" disabled="disabled" name="preview"  value="Preview"  onclick="javascript:mdpredemo();" /><input style="width:180px; font-weight:bold;font-size:20px; " disabled="disabled" name="go" value="Add to Blogger" type="submit"><br><textarea name="widget.content" style="display:none;"></textarea><input name="infoUrl" value="http://gj37765.blogspot.com" type="hidden"><input name="logoUrl" value="" type="hidden"></form></center>
<br>
<center><span style="font-size: small;"> Copyright &copy; 2013 All Rights Reserved by <a class="g-profile" href="www.bloggerediter.info/" target="_blank">vivek</a> @ <a href='www.bloggerediter.info/' target="_blank">BloggerEditer</a></span></center>
</div>
</body>
</html>